<template>
	<view class="items1">
		<!-- 头部 -->
		<view class="item1tt">
			<text class="gg1"></text>
			<text class="iconum">1</text>
			<text class="gg1"></text>
		</view>
		<!-- title -->
		<view class="title12">
			HTML
		</view>
		<!-- progress -->
		<view class="progress33">
			<el-progress type="circle" :percentage="25"></el-progress>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.mt2 {
		height: 250px;
		width: 100%;
	}

	.item1tt {
		width: 100%;
		height: 30px;
		text-align: center;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10px 0px;
	}

	.gg1 {
		width: 40%;
		height: 3px;
		background-color: #666;
	}

	.items1 {
		width: 30%;
		height: 250px;
	}

	.iconum {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		font-size: 18px;
		border: 2px solid #000;
		font-weight: bold;

	}

	.title12 {
		width: 100%;
		height: 25px;
		line-height: 25px;
		text-align: center;
		margin: 20px 0;
	}

	.progress33 {
		text-align: center;
	}

	.mm_item {
		float: left;
		width: 47%;
		height: 300px;
		background-color: #fff;
		margin: 10px 10px;
	}

	.mt1 {
		font-size: 20px;
		height: 30px;
		font-weight: bold;
		text-align: center;
	}

	.el-divider {
		margin: 6px 0;
	}
</style>
